import React, { memo, Suspense, useState } from 'react';
import type { ReactNode, FC } from 'react';
import { Outlet, Link } from 'react-router-dom';
import NavBar from './c-cpns/nav-bar';
interface IProps {
    children?: ReactNode;
}

const template: FC<IProps> = () => {
    const [num, setNum] = useState(1);
    return (
        <div>
            <NavBar />
            <Suspense key={Date.now()} fallback="99999999999999">
                <Outlet />
            </Suspense>
        </div>
    );
};

export default memo(template);
